<template>
  <el-container class="view-con">
    <el-aside class="view-bg" width="8%"></el-aside>
    <el-container>
      <el-header class="view-bg" height="10%">
        <p style="color: #fff;float:left;margin-top: 20px;">教评管理系统</p>
        <LoginOut></LoginOut>
      </el-header>
      <el-main class="view-main">
        <munueMain></munueMain>
        <hover-box></hover-box>
        <el-breadcrumb separator-class="el-icon-arrow-right" class="describe">
          <el-breadcrumb-item class="bar-text" :to="{ path: '/index' }">首页</el-breadcrumb-item>
        </el-breadcrumb>
        <div class="init-box"><!--container(components) all in here!-->
          <h1>欢迎使用中国民航飞行学院-教评管理系统...</h1>
        </div>
      </el-main>
      <el-footer height="8%" class="view-bg"></el-footer>
    </el-container>
    <el-aside width="8%" class="view-bg"></el-aside>
  </el-container>
</template>

<script>
    import MunueMain from "@/components/main/MunueMain"
    import HoverBox from "@/components/main/hoverBox";
    import LoginOut from "@/components/main/LoginOut";
    
    import query from "@/api/query";
    // import axios from 'axios';
    // import qs from 'Qs';

    export default {
        name: "Index",
        components: {LoginOut, HoverBox, MunueMain},
        data(){
            return{
                area:'1',
                content:'',
                buildingId:[]
            }
        },
        mounted() {
        },
        methods: {
  
        }
    }
</script>

<style scoped>
  .areaCheck{
    margin-top: 15px;
    float: left;
    margin-left: 50px;
    margin-bottom: 15px;
  }
  .queryCard {
    width: 90%;
    height: 450px;
    margin: 0 auto;
  }
  .buildNames{
    margin-top: 30px;
  }
  .buildName{
    float: left;
    margin-top: 30px;
    margin-left: 50px;
  }
  .intorduceInfo{
  
  }
  .supervisor{
  
  }
</style>
